<template>
  <div class="footer">
    <div class="main">
      <div class="footer_l">
        <router-link to="/" class="footer_login">登录入口</router-link>
        <em>|</em>
        <span class="active">家居</span
        >·<span>生活</span>·<span>玩伴</span>·<span>方式</span>·<span
          >美学</span
        >
      </div>
      <div class="footer_r">
        <a href="">©上海墨朗家居有限公司</a>
        <a href="" target="_blank">©mlito视觉圣经</a>
      </div>
      <div class="clear"></div>
    </div>
  </div>
</template>

<script>
export default {
  name: "GlobalFooter",
  props: {
    msg: String
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
.footer {
  width: 100%;
  height: auto;
  display: block;
  float: left;
}
.main {
  border-top: 1px solid #000000;
  margin-top: 50px;
}

.footer_l {
  width: auto;
  height: auto;
  display: block;
  float: left;
  margin: 20px 0 50px 0;
  font-size: 12px;
  color: #b5b5b6;
}
.footer_login {
  width: auto;
  height: auto;
  display: block;
  float: left;
  color: #000000;
}
.footer_l em {
  width: auto;
  height: auto;
  display: block;
  float: left;
  color: #000000;
  margin: 0 30px 0 40px;
}
.footer_l span {
  margin: 0 6px;
  color: #b5b5b6;
  cursor: pointer;
}
.footer_l span.active,
.footer_l span:hover {
  color: #000000;
}

.footer_r {
  width: auto;
  height: auto;
  display: block;
  float: right;
  font-size: 12px;
  margin: 20px 0 0 0;
  color: #000000;
}
.footer_r a {
  margin-left: 15px;
}
</style>
